* {
    margin: 0;
    padding: 0;
}

#slideshow {
    width: 100%;
    height: 100%;
    position:relative;
}
    
#slideshow ul {
    list-style:none outside none;
    overflow:hidden;
    position:absolute;
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
}

#slideshow li {
    /*display: none;*/
    width: 100%;
    height: 100%;
    position: absolute;
    z-index:10;
}

#slideshow li div {
    position: relative;
    top: 50%;
    left: 50%;
}

#slideshow .slideIn {
    z-index:1000;
}

#slideshow .caption {
    position: absolute;
    bottom: 0;
    width: 100%;
    opacity: 0.7;
    background-color: black;
    z-index: 1001;
    padding: 4px;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#slideshow .arrow {
    height:86px;
    width:60px;
    position:absolute;
    background:url('https://s3.amazonaws.com/Gadget-Photo-Album-Test/SlideShow/images/arrows.png') no-repeat;
    top:50%;
    margin-top:-43px;
    cursor:pointer;
    z-index:5000;
    opacity:0.7;
}

#slideshow .previous { background-position:left top;left:0;}
#slideshow .previous:hover { background-position:left bottom;}

#slideshow .next { background-position:right top;right:0;}
#slideshow .next:hover { background-position:right bottom;}